<template>
  <div class="GainsForm">
    <div class="itemView">
      <div class="itemTitleView">
        <p class="itemTitle">自我介绍</p>
      </div>
      <x-textarea
        :max="1000"
        name="detail"
        :show-counter="false"
        class="textarea"
        :height="80"
        :placeholder="'请输入自我介绍'"
      ></x-textarea>
      <p class="bottomTitle">他的Gains表</p>
    </div>
     <div class="itemView">
      <div class="itemTitleView">
        <p class="itemTitle">G-我的目标</p>
      </div>
      <x-textarea
        :max="1000"
        name="detail"
        :show-counter="false"
        class="textarea"
        :height="80"
        :placeholder="'请输入我的目标'"
      ></x-textarea>
    </div>
     <div class="itemView">
      <div class="itemTitleView">
        <p class="itemTitle">A-我的成就</p>
      </div>
      <x-textarea
        :max="1000"
        name="detail"
        :show-counter="false"
        class="textarea"
        :height="80"
        :placeholder="'请输入我的成就'"
      ></x-textarea>
    </div> <div class="itemView">
      <div class="itemTitleView">
        <p class="itemTitle">I-我的兴趣</p>
      </div>
      <x-textarea
        :max="1000"
        name="detail"
        :show-counter="false"
        class="textarea"
        :height="80"
        :placeholder="'请输入我的兴趣'"
      ></x-textarea>
    </div>
     <div class="itemView">
      <div class="itemTitleView">
        <p class="itemTitle">I-我的人脉</p>
      </div>
      <x-textarea
        :max="1000"
        name="detail"
        :show-counter="false"
        class="textarea"
        :height="80"
        :placeholder="'请输入我的人脉'"
      ></x-textarea>
    </div>
     <div class="itemView">
      <div class="itemTitleView">
        <p class="itemTitle">I-我的技能</p>
      </div>
      <x-textarea
        :max="1000"
        name="detail"
        :show-counter="false"
        class="textarea"
        :height="80"
        :placeholder="'请输入我的技能'"
      ></x-textarea>
    </div>
  </div>
</template>
<script>
import { XTextarea } from "vux";

export default {
  name: "GainsForm",
  data() {
    return {};
  },
  methods: {},
  components: {
    XTextarea
  }
};
</script>
<style scoped>
.GainsForm {
}
.itemView {
  width: 100%;
  height: 170px;
  /* background-color: blue; */
}
.itemTitleView {
  width: 100%;
  height: 30px;
  /* background-color: white; */
  padding-top: 1px;
}
.itemTitle {
  margin-top: 10px;
  margin-left: 15px;
  color: rgb(102, 103, 104);
}
.textarea {
  outline-style: none;
  background: none;
  outline: none;
  /* border:1px solid rgb(211, 211, 211); */
  border-radius: 4px;
  height: 80px;
  /* width: 90%; */
  margin: 15px;
  background-color: white;
}
.bottomTitle {
    margin-left: 15px;
}
</style>